<template>
  <div>ceshi{{info}}
    <button @click="request">点击</button>
    <button @click="getData">点击2</button>
    <haaa></haaa>
    <div id="haha">
      <div class="p1"></div>
      <div class="p2"></div>
      <div class="p3"></div>
    </div>

    <div class="p4"></div>
  </div>
</template>

<script>
  // import axios from 'axios';

  export default {
    name: "test",
    data() {
      return {
        info: "",
        par: {
          key: '52a4b8a337f42dd376661f8b61c7ba6d'
        }
      }
    },
    methods: {
      getData: function () {
        this.$axios.get('apitest/login', 'username=admin1&password=111111&type=move').then(res => {
          //   this.$axios.get('api/toutiao/index?type=top&key=52a4b8a337f42dd376661f8b61c7ba6d').then(res => {
          alert("ssss");
        }).catch(eee => {
          alert("eeee");
        })
      },
      request: function () {
        // this.$axios.get('/toutiao/index?type=top&key=52a4b8a337f42dd376661f8b61c7ba6d').then(function (res) {
        // // this.$axios.post('/login','username=admin1&password=111111&type=move').then(function (res) {
        //   alert(res);
        //  console.log(res)
        // })
        //   .catch(function (error) {
        //     alert(error)
        //   })
        // this.$axios.get('api/toutiao/index?type=top&key=52a4b8a337f42dd376661f8b61c7ba6d')
        //   .then(res => {
        //     alert(res);
        //     console.log(res)
        //   })
        //   .catch(error => {
        //     alert(error)
        //
        //   })
        // this.$axios.post('/toutiao/index', {
        //   type: 'top',
        //   key: '52a4b8a337f42dd376661f8b61c7ba6d',
        // }).then(res => {
        //   console.log(res)
        //
        // })
        //   .catch(error => {
        //     alert(error)
        //
        //   })
        // this.$axios.post('apitest/login', {
        //   username: 'admin1',
        //   password: '111111',
        //   type:'move'
        // }).then(res => {
        //   console.log(res)
        //
        // })
        //   .catch(error => {
        //     alert(error)
        //
        //   })

        let postData = this.$qs.stringify({
          key: "52a4b8a337f42dd376661f8b61c7ba6d",
        });
        let param = new URLSearchParams();
        param.append('key', '52a4b8a337f42dd376661f8b61c7ba6d');
        console.log(this.par.key);
      //   this.$axios(
      //     {
      //       method: 'post',
      //       url: this.$apis.testrequest,
      //       data: param,
      //     }
      //   ).then(res => {
      //     console.log(res)
      //   }).catch(error => {
      //     alert(error)
      //   })
      //
      // },
        this.$axios.post(this.$apis.testrequest,postData
       ).then(res => {
          console.log(res)

        })
        .catch(error => {
          alert(error)
        })
      }
      // request2(){
      //   this.ax.ajaxPostnew('/api/login','username=admin1&password=111111&type=move',res =>{
      //     console.log("sssssssss"+res.data)
      //
      //   },err =>{
      //     console.log("eeeeee"+err)
      //   })
    }

  }
</script>

<style scoped>
  .p1 {
    width: 100px;
    height: 100px;
    background: rebeccapurple;
  }

  .p2 {
    width: 100px;
    height: 100px;
    background: #42b983;
  }

  .p3 {
    width: 100px;
    height: 100px;
    background: #4429b9;
  }

  .p4 {
    /*clear: left;*/
    width: 200px;
    height: 200px;
    background: #4429b9;
  }

  .p1, .p2, .p3 {
    width: 100px;
    height: 100px;
    float: left;
  }

  #haha {
    overflow: auto;
  }

</style>
